<template>
  <div class="index-container">
    <Header></Header>
    <main>
      <router-view></router-view>
    </main>
    <Footer></Footer>
  </div>
</template>

<script setup>
import { onMounted } from 'vue'
import Footer from '@/components/footer/Footer.vue'
import Header from '@/components/header/Header.vue'
import useListStore from '@/store'
const listStore = useListStore()
onMounted(async () => {
  await listStore.loadData()
})
</script>
<style  lang="scss">
.index-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}

main {
  flex: 1;
  overflow-y: scroll;
}
</style>
